<!DOCTYPE html>
<html dir="rtl">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
           $("#m").width($(window).width());
        });
    </script>
</head>
<body>
<h1>مستوى تقدم أصدقائك</h1>
<table id="m">
    <tr><td style="text-align: center;"><img src="friends_1.png"></td><td style="text-align: center;"><img src="friends_2.png"></td><td style="text-align: center;"><img src="friends_3.png"></td></tr>
    <tr><td><meter id="progress" max="100" value="12"></meter></td><td><meter id="progress" max="100" value="15"></meter></td>
        <td><meter id="progress" max="100" value="9"></meter></td></tr>
</table>
</body>
</html>